<%-- 
    Document   : Register
    Created on : 28 Nov 12, 18:00:42
    Author     : Ria
--%>

<%@page import="movie.Film"%>
<%@page import="movie.connection"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>


<%@ page import="movie.Pelanggan"%>
<jsp:useBean id="Pelanggan" scope="application" class="movie.Pelanggan"/>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script language="javaScript" type="text/javascript" src="calendar.js"></script>
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <title>Pay-for-Play</title>
        <link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Abel|Satisfy' rel='stylesheet' type='text/css'>
        <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
        <style>

            table, td, th
            {
                border:1px solid green;
            }
            th
            table{font-size:100%;background:white}
            a{
                color:black;
                text-decoration:none;
                font:bold;
                font-family:'Hobo Std';
                color: #5E5E5E;}

            a:hover{color:#606060
                        text-decoration:none;
                    color: red;}

            td.menu{background:lightblue}

            table.menu
            {
                font-size:100%;
                position:absolute;
                visibility:hidden;
            }

        </style>
        <script>
            function showmenu(elmnt)
            {
                document.getElementById(elmnt).style.visibility="visible";
            }
            function hidemenu(elmnt)
            {
                document.getElementById(elmnt).style.visibility="hidden";
            }
        </script>
    </head>

    <body>
        <form method="post" action="registerPelanggan">
            <%

                        if (request.getAttribute("message") != null) {
                            out.print(request.getAttribute("message"));
                        }
            %>
            <% movie.connection kon = new movie.connection();%>
            <div id="main">

                <center><img src="image/banner.jpg" width="100%" height="300"></center>
                <table width="100%">
                    <tr bgcolor="#FF8080">
                        <td onmouseover="showmenu('home')" onmouseout="hidemenu('home')">
                            <a href="HalamanUtama.jsp">Home</a><br>
                            <table class="menu" id="home" width="120">
                                <tr><td class="menu"><a href="login.jsp">Login</a></td></tr>
                                <tr><td class="menu"><a href="Register.jsp">Register</a></td></tr>
                            </table>
                        </td>
                        <td onmouseover="showmenu('film')" onmouseout="hidemenu('film')">
                            <a href="Film.asp">Film</a><br>
                            <table class="menu" id="film" width="120">
                                <tr><td class="menu"><a href="commingSoon.jsp">Coming Soon</a></td></tr>
                                <tr><td class="menu"><a href="newRelease.jsp">New Release</a></td></tr>
                                <tr><td class="menu"><a href="hot.jsp">Hot!</a></td></tr>
                                <tr><td class="menu">
                                        <form method="get" action="cariServlet" id="search">
                                            <input name="search" type="text" size="40" placeholder="Search movie..." />
                                        </form>
                                    </td></tr>
                            </table>
                        </td>
                        <td onmouseover="showmenu('about')" onmouseout="hidemenu('about')">
                            <a href="aboutUs.asp">Ours</a><br>
                            <table class="menu" id="about" width="120">
                                <tr><td class="menu"><a href="profile.jsp">Profile</a></td></tr>
                                <tr><td class="menu"><a href="team.jsp">The Team</a></td></tr>
                                <tr><td class="menu"><a href="history.jsp">History</a></td></tr>
                            </table>
                        </td>
                    </tr>
                </table><br><br>

                <center><h1 style="color: crimson"> REGISTRATION </h1></center>
                <form action="registerPelanggan" method="POST">
                    <center>
                        <fieldset>
                            <legend>Login</legend>
                            <table cellpadding='4' cellspacing='2'>

                                <tr>
                                    <td style="color: dodgerblue " align="right">Email Address</td>
                                    <td>
                                        <input type="text" name="email" size="24" />
                                    </td>
                                </tr>
                                <tr>
                                    <td style="color: dodgerblue " align="right">Password</td>
                                    <td>
                                        <input type="text" name="password" size="24" />
                                    </td>
                                </tr></table>
                        </fieldset>
                        <fieldset>
                            <legend>About You</legend>
                            <table cellpadding='4' cellspacing='2'>
                                <tr>
                                    <td style="color: dodgerblue " align="right">First Name</td>
                                    <td>
                                        <input type="text" name="fname" size="24" />
                                    </td>
                                </tr>
                                <tr>
                                    <td style="color: dodgerblue " align="right">Last Name</td>
                                    <td>
                                        <input type="text" name="lname" size="24" />
                                    </td>
                                </tr>
                                <tr>
                                    <td style="color: dodgerblue " align="right">Birthday</td>
                                                                            <td><input type="text" name="datum1"><a href="#" onClick="setYears(1947, 2008);
                                            showCalender(this, 'datum1');">
                                            <img src="image/calender.png"></a></td>
                                </tr>
                                <tr>
                                    <td style="color: dodgerblue "align="right">Sex</td>
                                    <td>
                                        <select name="gender">
                                            <option value="L">Male</option>
                                            <option value="P">Female</option>
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="color: dodgerblue " align="right">Who You Are</td>
                                    <td>
                                        <select name="pekerjaan" size="1">
                                            <option value="wiraswasta">Enterpreneur</option>
                                            <option value="Pegawai Negeri">Public Officer</option>
                                            <option value="TNI/POLRI">TNI/POLICE</option>
                                            <option value="Profesional">Profesional</option>
                                            <option value="Mahasiswa">Student</option>
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="color: dodgerblue " align="right">Bank</td>
                                    <td>
                                        <select name="bank" size="1">
                                            <option value="Mandiri">Mandiri</option>
                                            <option value="BRI">BRI</option>
                                            <option value="BNI">BNI</option>
                                            <option value="BCA">BCA</option>
                                            <option value="CIMB NIAGA">CIMB NIAGA</option>
                                            <option value="Danamon">DANAMON</option>
                                        </select></td>
                                </tr>
                                <tr>
                                    <td style="color: dodgerblue " align="right">Rekening</td>
                                    <td>
                                        <input type="text" name="rekening" size="24" />
                                    </td>
                                </tr>
                            </table></fieldset>
                    </center>
                    <center>
                        <tr>
                            <td>
                                <input type="submit" value="Submit"/></td>
                        </tr>
                    </center>
                </form>
                <!-- Calender Script  -->

                <table id="calenderTable">
                    <tbody id="calenderTableHead">
                        <tr>
                            <td colspan="4" align="center">
                                    <select onChange="showCalenderBody(createCalender(document.getElementById('selectYear').value,
                      this.selectedIndex, false));" id="selectMonth">
                                    <option value="0">Jan</option>
                                    <option value="1">Feb</option>
                                    <option value="2">Mar</option>
                                    <option value="3">Apr</option>
                                    <option value="4">May</option>
                                    <option value="5">Jun</option>
                                    <option value="6">Jul</option>
                                    <option value="7">Aug</option>
                                    <option value="8">Sep</option>
                                    <option value="9">Oct</option>
                                    <option value="10">Nov</option>
                                    <option value="11">Dec</option>
                                </select>
                            </td>
                            <td colspan="2" align="center">
                                <select onChange="showCalenderBody(createCalender(this.value,
				document.getElementById('selectMonth').selectedIndex, false));" id="selectYear">
                                </select>
                            </td>
                            <td align="center">
                                <a href="#" onClick="closeCalender();"><font color="#003333" size="+1">X</font></a>
                            </td>
                        </tr>
                    </tbody>
                    <tbody id="calenderTableDays">
                        <tr style="">
                            <td>Sun</td><td>Mon</td><td>Tue</td><td>Wed</td><td>Thu</td><td>Fri</td><td>Sat</td>
                        </tr>
                    </tbody>
                    <tbody id="calender"></tbody>
                </table>

                <!-- End Calender Script  -->
                <br>
                <br>
                <font color="green" face="Showcard Gothic" size="20"><%
                            if (request.getAttribute("message") != null) {
                                out.print(request.getAttribute("message"));
                            }
                    %></font>
                <center>
                    <div id="footer">
                        <p> Copyright (c) 2012. All rights reserved.<br />Designed & Developed by Hardware Inc.</p>
                    </div> </center></div>
        </form>
    </body>
</html>
